:root {
  --color-2f: #2f2f2f;
  --color-2a: #2a2a2a;
  --color-w: #ffffff;
  --color-c: #cccccc;
  --color-9: #999999;
  --color-6: #666666;
  --color-3: #333333;
  --color-59: #595959;
  --color-border: #4b4b4b;
  --color-e0: #e0e0e0;
  --color-e5: #e5e5e5;
  --color-bg-3a: #3a3a3a;
  --color-bg-f8: #f8f9fa;
  --table-row: #2f2f2f;
  --table-row-stripe: hsla(0, 0%, 100%, 0.08);
  --color-orange: rgb(220, 136, 11);
  --color-purple: rgb(176, 113, 255);
  --color-volcanic: rgb(243, 96, 46);
  --color-blue: rgb(100, 137, 255);
  --color-cyan: rgb(8, 160, 160);
  --color-green: rgb(64, 175, 8);
  --color-red: rgb(255, 81, 91);
  --color-azure:#04a9f3;
  --color-grey: rgb(124, 124, 124);
}
/* ---dark start--- */
.dark .main-content {
  background-color: var(--color-2f) !important;
}
.dark .ivu-modal-confirm-body,
.dark .ivu-input {
  background-color: var(--color-2f) !important;
  border-color: var(--color-border) !important;
  color: var(--color-9) !important;
}
.dark .ivu-select-selection {
  background-color: transparent !important;
  border-color: var(--color-border) !important;
}
.dark .ivu-select-dropdown {
  background-color: var(--color-bg-3a) !important;
}
.dark .ivu-select-item {
  color: var(--color-9) !important;
}
.dark .ivu-select {
  color: var(--color-c) !important;
}
.dark .ivu-page-next,
.dark .ivu-page-prev {
  background-color: var(--color-2f) !important;
  color: var(--color-9) !important;
  border-color: var(--color-border) !important;
}
.dark .blank-page {
  background: var(--color-2f) url(../img/temporarily_no_data.f2ba60f6.png) no-repeat top !important;
}
.dark .i-content {
  border-color: var(--color-border) !important;
}
.dark .i-content .i-content-function{
  border-color: var(--color-border) !important;
  background-color: var(--color-2f) !important;
  color: var(--color-9) !important;
}
.dark .ivu-dropdown-item {
  color: var(--color-9) !important;
}
.dark .ivu-form .ivu-form-item-label,
.dark .ivu-form-item-content,
.dark .ivu-tabs-nav .ivu-tabs-tab {
  color: var(--color-9) !important;
}

.dark .ivu-tabs-bar {
  border-color: var(--color-border) !important;
}
.dark .upload-button-title {
  color: var(--color-9) !important;
}
.dark .upload-button-icon {
  border-color: var(--color-border) !important;
}
.dark .ivu-table {
  background-color: var(--color-2f) !important;
}
.dark .ivu-table-wrapper .ivu-table th span {
  color: var(--color-9) !important;
}
.dark .ivu-table-header {
  background-color: transparent !important;
}
.dark .ivu-table-wrapper .ivu-table th {
  background-color: hsla(0, 0%, 100%, 0.08) !important;
}
.dark .ivu-table-tbody>tr>td {
  background-color: var(--table-row) !important;
  color: var(--color-9) !important;
}
.dark .ivu-table-tbody>tr:last-of-type>td {
  border-color: var(--color-border) !important;
}
.dark .ivu-table-tbody>tr:nth-child(2n)>td {
  background-color: var(--table-row-stripe) !important;
  color: var(--color-9) !important;
}
.dark .ivu-modal-header {
  border-color: var(--color-border) !important;
}
.dark .ivu-modal-header-inner {
  color: var(--color-9) !important;
}
.dark .ivu-modal-content {
  background-color: var(--color-2a) !important;
}
.dark .ivu-modal-body {
  background-color: var(--color-2a) !important;
}
.dark .setting-row .ivu-col {
  color: var(--color-9) !important;
}
.dark .ivu-input-group-append,
.dark  .ivu-input-group-prepend {
  background-color: var(--color-2f) !important;
  border-color: var(--color-border) !important;
}
.dark .confirmShare {
  border-color: var(--color-2a) !important;
}
.dark .uino-shuaxin,
.dark .uino-fuzhi {
  color: var(--color-9) !important;
}
/* ---dark end--- */
/* ---tint start--- */
/* .tint .main-content {
  background-color: var(--color-w) !important;
} */
/* ---tint end--- */
/* ---theme start--- */

.azure li.ivu-select-item-selected,
.azure li.ivu-select-item-selected:hover {
  color: var(--color-azure) !important;
}
.orange li.ivu-select-item-selected,
.orange li.ivu-select-item-selected:hover {
  color: var(--color-orange) !important;
}
.purple li.ivu-select-item-selected,
.purple li.ivu-select-item-selected:hover {
  color: var(--color-purple) !important;
}
.volcanic li.ivu-select-item-selected,
.volcanic li.ivu-select-item-selected:hover {
  color: var(--color-volcanic) !important;
}
.blue li.ivu-select-item-selected,
.blue li.ivu-select-item-selected:hover {
  color: var(--color-blue) !important;
}
.cyan li.ivu-select-item-selected,
.cyan li.ivu-select-item-selected:hover {
  color: var(--color-cyan) !important;
}
.green li.ivu-select-item-selected,
.green li.ivu-select-item-selected:hover {
  color: var(--color-green) !important;
}
.red li.ivu-select-item-selected,
.red li.ivu-select-item-selected:hover {
  color: var(--color-red) !important;
}
.grey li.ivu-select-item-selected,
.grey li.ivu-select-item-selected:hover {
  color: var(--color-grey) !important;
}


.azure .ivu-tabs-nav .ivu-tabs-tab:hover,
.azure .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-azure) !important;
}
.orange .ivu-tabs-nav .ivu-tabs-tab:hover,
.orange .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-orange) !important;
}
.purple .ivu-tabs-nav .ivu-tabs-tab:hover,
.purple .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-purple) !important;
}
.volcanic .ivu-tabs-nav .ivu-tabs-tab:hover,
.volcanic .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-volcanic) !important;
}
.blue .ivu-tabs-nav .ivu-tabs-tab:hover,
.blue .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-blue) !important;
}
.cyan .ivu-tabs-nav .ivu-tabs-tab:hover,
.cyan .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-cyan) !important;
}
.green .ivu-tabs-nav .ivu-tabs-tab:hover,
.green .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-green) !important;
}
.red .ivu-tabs-nav .ivu-tabs-tab:hover,
.red .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-red) !important;
}
.grey .ivu-tabs-nav .ivu-tabs-tab:hover,
.grey .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-grey) !important;
}


.azure .ivu-page-item-active {
  border-color: var(--color-azure) !important;
  background-color: var(--color-azure) !important;
}
.orange .ivu-page-item-active {
  border-color: var(--color-orange) !important;
  background-color: var(--color-orange) !important;
}
.purple .ivu-page-item-active {
  border-color: var(--color-purple) !important;
  background-color: var(--color-purple) !important;
}
.volcanic .ivu-page-item-active {
  border-color: var(--color-volcanic) !important;
  background-color: var(--color-volcanic) !important;
}
.blue .ivu-page-item-active {
  border-color: var(--color-blue) !important;
  background-color: var(--color-blue) !important;
}
.cyan .ivu-page-item-active {
  border-color: var(--color-cyan) !important;
  background-color: var(--color-cyan) !important;
}
.green .ivu-page-item-active {
  border-color: var(--color-green) !important;
  background-color: var(--color-green) !important;
}
.red .ivu-page-item-active {
  border-color: var(--color-red) !important;
  background-color: var(--color-red) !important;
}
.grey .ivu-page-item-active {
  border-color: var(--color-grey) !important;
  background-color: var(--color-grey) !important;
}

.azure .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-azure) !important;
}
.orange .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-orange) !important;
}
.purple .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-purple) !important;
}
.volcanic .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-volcanic) !important;
}
.blue .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-blue) !important;
}
.cyan .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-cyan) !important;
}
.green .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-green) !important;
}
.red .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-red) !important;
}
.grey .i-content .i-content-function .btn .dropdown:hover .ivu-icon {
  color: var(--color-grey) !important;
}
.orange .ivu-upload-drag:hover,
.orange .ivu-radio-checked .ivu-radio-inner,
.orange .ivu-switch-disabled.ivu-switch-checked,
.orange .ivu-input:focus,
.orange .ivu-input:hover,
.orange .ivu-btn-primary,
.orange .ivu-select-selection-focused,
.orange .ivu-select-selection:hover,
.orange .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-orange) !important;
}
.orange .ivu-modal-confirm-head-icon i,
.orange .ivu-form-item-required .ivu-form-item-label:after,
.orange .i-content .i-content-upload .upload-button-icon,
.orange .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-orange) !important;
}
.orange .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.orange .ivu-radio-inner:after,
.orange .tarsier-snackbar .tarsier-snackbar-success,
.orange .i-content .i-content-upload .upload-button-icon:hover,
.orange .ivu-switch-disabled.ivu-switch-checked,
.orange .confirmShare,
.orange .ivu-btn-primary,
.orange .ivu-tabs-ink-bar {
  background-color: var(--color-orange) !important;
}
.azure .ivu-upload-drag:hover,
.azure .ivu-radio-checked .ivu-radio-inner,
.azure .ivu-switch-disabled.ivu-switch-checked,
.azure .ivu-input:focus,
.azure .ivu-input:hover,
.azure .ivu-btn-primary,
.azure .ivu-select-selection-focused,
.azure .ivu-select-selection:hover,
.azure .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-azure) !important;
}
.azure .ivu-modal-confirm-head-icon i,
.azure .ivu-form-item-required .ivu-form-item-label:after,
.azure .i-content .i-content-upload .upload-button-icon,
.azure .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-azure) !important;
}
.azure .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.azure .ivu-radio-inner:after,
.azure .tarsier-snackbar .tarsier-snackbar-success,
.azure .i-content .i-content-upload .upload-button-icon:hover,
.azure .ivu-switch-disabled.ivu-switch-checked,
.azure .confirmShare,
.azure .ivu-btn-primary,
.azure .ivu-tabs-ink-bar {
  background-color: var(--color-azure) !important;
}
.purple .ivu-upload-drag:hover,
.purple .ivu-radio-checked .ivu-radio-inner,
.purple .ivu-input:focus,
.purple .ivu-input:hover,
.purple .ivu-btn-primary,
.purple .ivu-select-selection-focused,
.purple .ivu-select-selection:hover,
.purple .ivu-switch-disabled.ivu-switch-checked,
.purple .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-purple) !important;
}
.purple .ivu-modal-confirm-head-icon i,
.purple .ivu-form-item-required .ivu-form-item-label:after,
.purple .i-content .i-content-upload .upload-button-icon,
.purple .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-purple) !important;
}
.purple .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.purple .ivu-radio-inner:after,
.purple .tarsier-snackbar .tarsier-snackbar-success,
.purple .i-content .i-content-upload .upload-button-icon:hover,
.purple .ivu-switch-disabled.ivu-switch-checked,
.purple .confirmShare,
.purple .ivu-btn-primary,
.purple .ivu-tabs-ink-bar {
  background-color: var(--color-purple) !important;
}
.volcanic .ivu-upload-drag:hover,
.volcanic .ivu-radio-checked .ivu-radio-inner,
.volcanic .ivu-input:focus,
.volcanic .ivu-input:hover,
.volcanic .ivu-btn-primary,
.volcanic .ivu-select-selection-focused,
.volcanic .ivu-select-selection:hover,
.volcanic .ivu-switch-disabled.ivu-switch-checked,
.volcanic .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-volcanic) !important;
}
.volcanic .ivu-modal-confirm-head-icon i,
.volcanic .ivu-form-item-required .ivu-form-item-label:after,
.volcanic .i-content .i-content-upload .upload-button-icon,
.volcanic .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-volcanic) !important;
}
.volcanic .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.volcanic .ivu-radio-inner:after,
.volcanic .tarsier-snackbar .tarsier-snackbar-success,
.volcanic .i-content .i-content-upload .upload-button-icon:hover,
.volcanic .ivu-switch-disabled.ivu-switch-checked,
.volcanic .confirmShare,
.volcanic .ivu-btn-primary,
.volcanic .ivu-tabs-ink-bar {
  background-color: var(--color-volcanic) !important;
}
.blue .ivu-upload-drag:hover,
.blue .ivu-radio-checked .ivu-radio-inner,
.blue .ivu-input:focus,
.blue .ivu-input:hover,
.blue .ivu-btn-primary,
.blue .ivu-select-selection-focused,
.blue .ivu-select-selection:hover,
.blue .ivu-switch-disabled.ivu-switch-checked,
.blue .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-blue) !important;
}
.blue .ivu-modal-confirm-head-icon i,
.blue .ivu-form-item-required .ivu-form-item-label:after,
.blue .i-content .i-content-upload .upload-button-icon,
.blue .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-blue) !important;
}
.blue .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.blue .ivu-radio-inner:after,
.blue .tarsier-snackbar .tarsier-snackbar-success,
.blue .i-content .i-content-upload .upload-button-icon:hover,
.blue .ivu-switch-disabled.ivu-switch-checked,
.blue .confirmShare,
.blue .ivu-btn-primary,
.blue .ivu-tabs-ink-bar {
  background-color: var(--color-blue) !important;
}
.cyan .ivu-upload-drag:hover,
.cyan .ivu-radio-checked .ivu-radio-inner,
.cyan .ivu-switch-disabled.ivu-switch-checked,
.cyan .ivu-input:focus,
.cyan .ivu-input:hover,
.cyan .ivu-btn-primary,
.cyan .ivu-select-selection-focused,
.cyan .ivu-select-selection:hover,
.cyan .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-cyan) !important;
}
.cyan .ivu-modal-confirm-head-icon i,
.cyan .ivu-form-item-required .ivu-form-item-label:after,
.cyan .i-content .i-content-upload .upload-button-icon,
.cyan .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-cyan) !important;
}
.cyan .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.cyan .ivu-radio-inner:after,
.cyan .tarsier-snackbar .tarsier-snackbar-success,
.cyan .i-content .i-content-upload .upload-button-icon:hover,
.cyan .ivu-switch-disabled.ivu-switch-checked,
.cyan .confirmShare,
.cyan .ivu-btn-primary,
.cyan .ivu-tabs-ink-bar {
  background-color: var(--color-cyan) !important;
}
.green .ivu-upload-drag:hover,
.green .ivu-radio-checked .ivu-radio-inner,
.green .ivu-switch-disabled.ivu-switch-checked,
.green .ivu-input:focus,
.green .ivu-input:hover,
.green .ivu-btn-primary,
.green .ivu-select-selection-focused,
.green .ivu-select-selection:hover,
.green .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-green) !important;
}
.green .ivu-modal-confirm-head-icon i,
.green .ivu-form-item-required .ivu-form-item-label:after,
.green .i-content .i-content-upload .upload-button-icon,
.green .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-green) !important;
}
.green .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.green .ivu-radio-inner:after,
.green .tarsier-snackbar .tarsier-snackbar-success,
.green .ivu-switch-disabled.ivu-switch-checked,
.green .i-content .i-content-upload .upload-button-icon:hover,
.green .confirmShare,
.green .ivu-btn-primary,
.green .ivu-tabs-ink-bar {
  background-color: var(--color-green) !important;
}
.red .ivu-upload-drag:hover,
.red .ivu-radio-checked .ivu-radio-inner,
.red .ivu-switch-disabled.ivu-switch-checked,
.red .ivu-input:focus,
.red .ivu-input:hover,
.red .ivu-btn-primary,
.red .ivu-select-selection-focused,
.red .ivu-select-selection:hover,
.red .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-red) !important;
}
.red .ivu-modal-confirm-head-icon i,
.red .ivu-form-item-required .ivu-form-item-label:after,
.red .i-content .i-content-upload .upload-button-icon,
.red .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-red) !important;
}
.red .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.red .ivu-radio-inner:after,
.red .tarsier-snackbar .tarsier-snackbar-success,
.red .ivu-switch-disabled.ivu-switch-checked,
.red .i-content .i-content-upload .upload-button-icon:hover,
.red .confirmShare,
.red .ivu-btn-primary,
.red .ivu-tabs-ink-bar {
  background-color: var(--color-red) !important;
}
.grey .ivu-upload-drag:hover,
.grey .ivu-radio-checked .ivu-radio-inner,
.grey .ivu-switch-disabled.ivu-switch-checked,
.grey .ivu-input:focus,
.grey .ivu-input:hover,
.grey .ivu-btn-primary,
.grey .ivu-select-selection-focused,
.grey .ivu-select-selection:hover,
.grey .ivu-select-visible .ivu-select-selection {
  border-color: var(--color-grey) !important;
}
.grey .ivu-modal-confirm-head-icon i,
.grey .ivu-form-item-required .ivu-form-item-label:after,
.grey .i-content .i-content-upload .upload-button-icon,
.grey .ivu-tabs-nav .ivu-tabs-tab-active {
  color: var(--color-grey) !important;
}
.grey .i-content .i-content-upload .upload-button-icon:hover {
  color: var(--color-w) !important;
}
.grey .ivu-radio-inner:after,
.grey .tarsier-snackbar .tarsier-snackbar-success,
.grey .ivu-switch-disabled.ivu-switch-checked,
.grey .i-content .i-content-upload .upload-button-icon:hover,
.grey .confirmShare,
.grey .ivu-btn-primary,
.grey .ivu-tabs-ink-bar {
  background-color: var(--color-grey) !important;
}
